<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东购物车-加购成功页</title>
</head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/add_shop.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2762009_baumb5ix05t.css">
<script src="./js/add_shop.js"></script>
<body>
     <!-- 快捷导航模块 start -->
     <section class="shortcut">
        <div class="w">
            <div class="box_l">
                <ul>
                    <li class="arrow-icon0"></li>
                    <li class="area"><a href="#">重庆</a></li>
                </ul>
            </div>
            <div class="site">
                <div class="site_detail">
                    <ul class="district">
                        <li class="item">北京</li>
                        <li class="item">上海</li>
                        <li class="item">天津</li>
                        <li class="item bg_current">重庆</li>
                        <li class="item">河北</li>
                        <li class="item">陕西</li>
                        <li class="item">河南</li>
                        <li class="item">辽宁</li>
                        <li class="item">吉林</li>
                        <li class="item">黑龙江</li>
                        <li class="item">内蒙古</li>
                        <li class="item">江苏</li>
                        <li class="item">山东</li>
                        <li class="item">安徽</li>
                        <li class="item">浙江</li>
                        <li class="item">福建</li>
                        <li class="item">湖北</li>
                        <li class="item">湖南</li>
                        <li class="item">广东</li>
                        <li class="item">广西</li>
                        <li class="item">江西</li>
                        <li class="item">四川</li>
                        <li class="item">海南</li>
                        <li class="item">贵州</li>
                        <li class="item">云南</li>
                        <li class="item">西藏</li>
                        <li class="item">台湾</li>
                        <li class="item">甘肃</li>
                        <li class="item">青海</li>
                        <li class="item">宁夏</li>
                        </ul>
                </div>
                <div class="region">
                    <p>地区专享版本</p>
                    <ul>
                        <li><a href="">中国港澳</a></li>
                        <li><a href="">中国台湾</a></li>
                        <li><a href="">京东全球</a></li>
                    </ul>
                </div>
            </div>
            <div class="box_r">
                <ul>
                    <li class="shenglue arrow-icon" >
                        <a href="login.html" class="username" target="_blank"></a>
                        <img src="./images/PLUS_02.png" width="30%">
                    </li>
                    <li class="shuxian"></li>
                    <li>
                        <a href="#">我的订单</a>
                    </li>
                    <li class="shuxian"></li>
                    <li class="arrow-icon">
                        <a href="#"  class="wd_jd">我的京东</a>
                    </li>
                    <li class="shuxian"></li>
                    <li>
                        <a href="#">京东会员</a>
                    </li>
                    <li class="shuxian"></li>
                    <li class="arrow-icon">
                        <a href="#" style="color: #f93031;">政企采购</a>
                    </li>
                    <li class="shuxian"></li>
                    <li class="arrow-icon">
                        <a href="#">客户服务</a>
                    </li>
                    <li class="shuxian"></li>
                    <li class="arrow-icon">
                        <a href="#">网站导航</a>
                    </li>
                    <li class="shuxian"></li>
                    <li>
                        <a href="#">手机京东</a>
                    </li>
                    <li>
                        <li class="shuxian"></li>
                        <li>
                            <a href="#">网站无障碍</a>
                        </li>
                    </li>
                </ul>
                <!-- 鼠标滑到我的京东时显示的部分 -->
                <div class="myjdlist">
                    <div class="myjdlist1">
                        <div class="fore1">
                            <a href="">待处理订单</a>
                            <a href="">返修退换货</a>
                            <a href="">降价商品</a>
                        </div>
                        <div class="fore2">
                            <a href="">我的问答</a>
                            <a href="">我的关注</a>
                        </div>
                    </div>
                    <div class="myjdlist2">
                        <div class="fore1">
                            <a href="">我的京豆</a>
                            <a href="">我的白条</a>
                        </div>
                        <div class="fore2">
                            <a href="">我的优惠券</a>
                            <a href="">我的理财</a>
                        </div>
                    </div>
                    </div>
            </div>
        </div>
    </section>
    <div class="search_fix">
        <div class="search_m">
            <div class="search_logo">
                <img src='./images/logo.png'>
            </div>
            <div class="search_box">
                <input placeholder="小米盒子"></input>
                <button>搜索</button>
            </div>
            <div class="settleup">
                <i class="iconfont icon-gouwuche" style="padding-right: 5px; font-weight: bold;"></i>
                我的购物车
                <i class="settle_count">3</i>
            </div>
        </div>
    </div>
          <!-- navitems部分 -->
          <div class="navitems">
            <ul>
                <li style="width: 189px;" class="fenlei bg_head">全部商品分类</li>
                <li style="width: 100px;">京东时尚</li>
                <li style="width: 86px;">美妆馆</li>
                <li style="width: 72px;">超市</li>
                <li style="width: 72px;">生鲜</li>
                <li style="width: 100px;">京东国际</li>
                <li style="width: 72px;">闪购</li>
                <li style="width: 72px;">拍卖</li>
                <li style="width: 72px;">金融</li>
               
            </ul>
        </div>
        <div class="hengxian"></div>
        <div class="left-nav">
            <ul class="nav_l">
                <li class="item_id"></li>
                <li class="item_id item02"></li>
                <li class="item_id"></li>
                <li class="item_id"></li>
                <li class="item_id"></li>
                <li class="item_id"></li>
                <li class="item_id"></li>
                <li class="item_id"></li>
                <li class="item_id"></li>
                <li class="item_id"></li>
                <li class="item_id"></li>
                <li class="item_id"></li>
                <li class="item_id"></li>
                <li class="item_id"></li>
                <li class="item_id"></li>
                <li class="item_id"></li>
                <li class="item_id"></li>
                <li class="item_id"></li>
            </ul>
            </div>
        <!-- 成功加入购物车部分 start -->
        <div class="main_content">
        <div class="content">
            <div class="success_top">
                <h3>✔ 商品已成功加入购物车!</h3>
            </div>
            <div class="ac_detail">
                <div class="left">
                    <div class="shop_img">
                        <img src="./upload/redmi.jpg"> 
                    </div>
                    <div class="shop_des">
                        <div class="phone_item">Redmi K40 骁龙870 三星AMOLED 120Hz高刷直屏 4800万高清三摄 12GB+256GB 亮黑 游戏电竞5G手机 小米 红米</div>
                        <div class="item_det">
                            <p class="item_color"></p>
                            <p class="item_version"></p>
                        </div>
                    </div>
                </div>
                <div class="right">
                    <a href="item_detail.html" class="cart_button" style="color: #e2231a;">查看商品详情</a>
                    <i class="cart_button go_shopcar" style="color: rgb(255, 255, 255);
                    background-color: rgb(226, 35, 26);">去购物车结算 ></i>
                </div>
            </div>
        </div></div>
        <!-- 成功加入购物车部分 end -->
             <!-- 底部模块制作 start -->
    <footer class="footer">
        <!-- 服务模块 -->
    <div class="w1">
        <div class="mod_service">
            <ul>
                <li>
                   <img src="./images/duo_03.png">
                    品类齐全，轻松购物
                </li>
                <li>
                   <img src="./images/kuai_05.png">
                    多仓直发，极速配送
                </li>
                <li>
                   <img src="./images/hao_07.png">
                    正品行货，精致服务
                </li>
                <li>
                    <img src="./images/sheng_09.png">
                    天天低价，畅选无忧
                </li>
            </ul>
        </div>
    </div>
    <div class="fenjiexian"></div>
    <!-- 帮助模块 -->
    <div class="mod_help">
        <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
        </dl>
        <dl>
            <dt>配送方式</dt>
            <dd><a href="#">上门自提</a></dd>
            <dd><a href="#">211限时达</a></dd>
            <dd><a href="#">配送服务查询</a></dd>
            <dd><a href="#">配送费收取标准</a></dd>
            <dd><a href="#">海外配送</a></dd>
        </dl>
        <dl>
            <dt>支付方式</dt>
            <dd><a href="#">货到付款</a></dd>
            <dd><a href="#">在线支付</a></dd>
            <dd><a href="#">分期付款</a></dd>
            <dd><a href="#">公司转账</a></dd>
        </dl>
        <dl>
            <dt>售后服务</dt>
            <dd><a href="#">售后政策</a></dd>
            <dd><a href="#">价格保证</a></dd>
            <dd><a href="#">退款说明</a></dd>
            <dd><a href="#">返修/退换货</a></dd>
            <dd><a href="#">取消订单</a></dd>
        </dl>
        <dl>
            <dt>特色服务</dt>
            <dd><a href="#">夺宝岛</a></dd>
            <dd><a href="#">DIY装机</a></dd>
            <dd><a href="#">延保服务</a></dd>
            <dd><a href="#">京东E卡</a></dd>
            <dd><a href="#">京东通信</a></dd>
            <dd><a href="#">京东座智能</a></dd>
        </dl>
        <dl>
            <dt>京东自营覆盖区县</dt>
            <dd>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</dd>
            <dd style="float: right;">查看详情 ></dd>
        </dl>
    </div>
    <!-- 版权模块 -->
    <div class="mod_copyright w">
        <div class="links">
        <div class="links1"><a href="#">关于我们</a></div>
        <div class="links1"><a href="#">联系我们</a></div>
        <div class="links1"><a href="#">联系客服</a></div>
        <div class="links1"><a href="#">合作招聘</a></div>
        <div class="links1"><a href="#">商家帮助</a></div>
        <div class="links1"><a href="#">营销中心</a></div>
        <div class="links1"><a href="#">手机京东</a></div>
        <div class="links1"><a href="#">友情链接</a></div>
        <div class="links1"><a href="#">销售联盟</a></div>
        <div class="links1"><a href="#">京东社区</a></div>
        <div class="links1"><a href="#">风险监测</a></div>
        <div class="links1"><a href="#">隐私政策</a></div>
        <div class="links1"><a href="#">京东公益</a></div>
        <div><a href="#">English Site</a></div>
        </div>
        <div class="copyright">
            <a href="">京公网安备 1100000200008号</a> | <a href="">京ICP备11041704号</a> | <a href="">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a> | <a href="">新出发京零 字第大120007号</a><br><a href="">互联网出版许可证编号新出网证(京)字150号</a> | <a href="">出版物经营许可证</a> | <a href="">网络文化经营许可经文网[2020]6112-1201号</a> | <a href="">违法和不良信息举报电话：4006561155</a><br><a href="">Copyright 2004 - 2022 京东JD.com 版权所有</a> | <a href="">消费者维权热线：4006067733</a> | <a href="">经营执照：网线平台备字(2018)第00003号</a><br><a href="">京东旗下网站：京东钱包</a> | <a href="">京东云</a> | <a href="">网络内容从业人员违法违规行为举报电话：4006561155-3</a>
        </div>
    </div>
    </footer>
    <!-- 底部模块制作 end -->
</body>
</html>